.top-search{
    width: 100%;
    height: 0.02rem * 56;
    padding: (11rem * 0.02) (9rem * 0.02);
    margin: 0;
}

.top-search-btn{
    display: block;
    position: relative;
    height: 35rem * 0.02;
    line-height: 35rem * 0.02;
    background-color: #e5e5e5;
    border-radius: 5rem * 0.02;
}

.top-search-btn .iconfont{
    display: block;
    width: 23rem * 0.02;
    height: 23rem * 0.02;
    position: absolute;
    top: 6rem *0.02;
    left: 6rem *0.02;
    text-align: center;
    line-height: 23rem * 0.02;
    font-size: 16rem * 0.02;
}

.search-placeholder{
    display: block;
    margin-left: 23rem * 0.02;
    padding-left: 8rem * 0.02;
    font-size: 12rem * 0.02;
    color: #808080;
}

.swiper-container {
    position: relative;
    width: 100%;
    height: 160rem * 0.02;
}

.goods-nav{
    position: relative;
    display: flex;
    padding: (20rem * 0.02) (23rem * 0.02) 0 (23rem * 0.02);
    // background-color: #999;
}
.nav-item{
    flex: 1;
    height: auto;
}
.nav-item a{
    display: block;
}

.nav-item img{
    display: block;
    width: 46rem * 0.02;
    height: 46rem * 0.02;
    margin: 0 auto;
}

.nav-item p{
    color: #505050;
    text-align: center;
    font-size: 14rem * 0.02;
}

.good-tips{
    position: relative;
    display: flex;
    padding: 0 (25rem * 0.02) (15rem * 0.02);
    flex-wrap: wrap;
}

.good-tips-item{
    box-sizing: border-box;
    width: 1.88rem;
    font-size: 12rem * 0.02;
    border-radius: 4rem * 0.02;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    margin: (10rem * 0.02) (7rem * 0.02);
}

.good-tips-item:nth-child(even){
    background-color: #95c8fd;
}

.good-tips-item:nth-child(odd){
    background-color: #ffa9a9;
}

.tab{
    position: relative;
    display: flex;
    height: 38rem * 0.02;
    background-color: #5b5b5b;
}

.tab-item{
    flex: 1;
    line-height: 38rem * 0.02;
    color: #fff;
    font-size: 12rem * 0.02;
    text-align: center;
}

.tab-item-active{
    background-color: #f55737;
}

.good-list{
    position: relative;
    padding-top: 0.48rem;
    padding-bottom: 0.24rem;
    background-color: #F3F5F7;
}

.goods-head{
    font-size: 0.38rem;
    line-height: 0.52rem;
    text-align: center;
    font-weight: 600;
    padding: 0 0.24rem;
}

.good-list-warp{
    margin: 0.2rem 0.24rem 0;
}

.good-item{
    height: 180rem * 0.02;
    margin-bottom: 0.22rem;
    border-radius: 0.16rem;
    overflow: hidden;
    background-color: #fff;
    display: flex;
}

.goods-item-img{
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.goods-item-img img{
    width: 100%;
}

.goods-item-info{
    padding: 0.24rem 0.32rem;
    -webkit-box-flex: 1;
    flex: 1;
    min-width: 0;
    max-width: 3.62rem;
    p{
        padding: 0;
        margin: 0;
    }
}

.goods-item-info-title{
    font-weight: 600;
    font-size: 0.3rem;
    line-height: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.goods-item-info-desc{
    font-size: 0.26rem;
    line-height: 0.36rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.goods-item-info-tag{
    // margin: 0.16rem 0;
    span{
        display: inline-block;
        border-radius: 0.16rem;
        border: 0.02rem solid #FF734C;
        background-color: #FFF0EC;
        color: #FF3D12;
        font-size: 0.22rem;
        line-height: 0.28rem;
        padding: 0 0.16rem;
    }
}

.goods-item-info-promo{
    padding-top: 0.08rem;
    padding-bottom: 0.06rem;
    border-top: 0.02rem solid #F3F5F7;
    border-bottom: 0.02rem solid #F3F5F7;
    font-size: 0.22rem;
    line-height: 0.32rem;
    color: #71797f;
}

.goods-item-bottom{
    display: flex;
    height: 40rem * 0.02;
}

.goods-item-left{
    flex: 1;
    font-size: 0.3rem;
    span{
        line-height: 0.8rem;
        font-weight: 600;
    }
}
.goods-item-right{
    width: 0.48rem;
    height: 0.8rem;
    position: relative;
    img{
        position: absolute;
        width: 0.48rem;
        top: 0.16rem;
    }
}




.goods-load-more{
    display: block;
    margin: 0 auto;
    background: #fff;
    border-radius: 0.4rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    font-size: 0.26rem;
    color: rgba(35, 38, 40, 0.7);
}

footer{
    margin-bottom: 1.5rem;
    height: 1.5rem;
    width: 100%;
    padding: 0.28rem 0;
    font-size: 0.2rem;
    color: #B4BABF;
    text-align: center;
}